{% extends "album_layout.html"  %}
{% block content %}
<main role="main">
    <div class="album py-4 bg-light">
<div class="container" style="width: 80%;">
    <div class="well" style="padding-bottom: 0;">
        <div class="row">
            <h2 class="mx-auto mb-5">元音字母统计</h2>
            <div class="col-sm-12" style="display:flex;justify-content:center;">
                <form action="/tongji_result" enctype='multipart/form-data' method="post">
                    <div class="form-inline">
                        <div class="form-group" style="margin-right: 70px;">
                            <label>元音字母:</label>
                            <input required name="vowels" id="" type="text" value="{{vowels}}">
                        </div>
                        <div class="form-group" style="margin-right: 70px;">
                            <label>单词:</label>
                            <input required name="word" id="word" type="text" value="{{word}}">
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn-sm btn-primary" id="btn_query"> 查询</button>
                        </div>
					</div>
                </form>
                <br>
                <br>
            </div>
        </div>
    </div>
    <br>
    {% if found %}
    <div class="well">
        <div class="row">
        <div  class=" col-sm-12">
			<h3>查询信息如下：</h3>
			<br>
               <h4> 元音字母出现的次数：{{ found }}</h4>
			<br>
        </div>
    </div>
    </div>
    {% endif %}
</div>
    </div>
    </main>
{%- endblock content %}